.devui-icon-spin {
  animation: devuiSpin 2.5s linear infinite;
}

@keyframes devuiSpin {
  0% { transform: rotate(0deg); }

  50% { transform: rotate(180deg); }

  100% { transform: rotate(360deg); }
}

.devui-icon-diffusion {
  border-radius: 50%;
  animation: devuiDiffusion 0.4s cubic-bezier(0.5, 0.05, 0.5, 0.95) 1;
}

@keyframes devuiDiffusion {
  0% {
    box-shadow: rgba(37, 43, 58, 0.3) 0 0 0 0;
  }

  100% {
    box-shadow: rgba(37, 43, 58, 0) 0 0 0 4px;
  }
}

.devui-icon-rotate {
  transition: transform 0.2s ease-in-out;
}
